<style>
*{margin:0;padding:0;box-sizing: border-box;}
a{text-decoration:none}
ul{list-style: none}
#header{width:100%;background:wheat}
#header:after{content:'';height:0;display: block;visibility: hidden;clear: both;}
#header>ul#nav{width:60%;float: left;}
#header>ul#nav:after{content:'';height:0;display: block;visibility: hidden;clear: both;}
#header>ul#nav>li{float:left;width:22%;padding:15px;text-align:center;margin: 10px}
#header>ul#nav>li:hover{background-color:white}
#header>ul#nav>li>a{color: black}
#header>ul#nav>li>a:hover{color: indianred}


#header>ul#ral{width:20%;float:right;}
#header>ul#ral:after{content:'';height:0;display: block;visibility: hidden;clear: both;}
#ral>li{width:30%;float:left;padding:15px;font-size:18px;font-weight:bold;text-align:center;height: 100%;line-height: 180%}
#ral>li>a{color:black;}
#ral>li>a:hover{color:indianred;}
#ral>li>img{width: 30px;height: 30px;border-radius:50%;margin-left: 45px}
</style>